<style type="text/css">
.login {
	height:204px;
	width:200px;
	margin-bottom:7px;
	border:#D5D2D2 solid 1px;
}
.login_body {
	height:168px;
}
.login_top {
	height:33px;
	background-color:#EFEFEF;
}
.login_name {
	width:170px;
	height:33px;
	line-height:33px;
	padding-left:13px;
	float:left;
	font-family:"宋体";
	font-size:14px;
	color:#484848;
	font-weight:bold;
}
#login_widget {
	margin:0;
	padding:0;
}
#login_widget div {
	line-height:19px;
	text-align:left;
	word-wrap:break-word;
}
#login_widget element.style {
	margin-top:35px;
	width:50px;
	color:#CCCCCC;
	font-family:Arial;
	width:50px;
}
#login_widget .tar {
	text-align:right;
}
#login_widget .l {
	float:left;
}
#login_widget #sy_yhm {
	position:relative;
}
#login_widget .mt30 {
	margin-top:30px;
}
#login_widget .mb10 {
	margin-bottom:10px;
}
#login_widget .it_s {
	border:1px solid #808080;
	display:table;
}
#login_widget #sy_yhm input, #login_widget #sy_mm input {
	height:16px;
	width:130px;
}
#login_widget .it1, #login_widget .it2 {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #FFFFFF;
	color:#333333;
}
#login_widget .c {
	clear:both;
}
#login_widget .mt5 {
	margin-top:5px;
}
#login_widget input, #login_widget textarea {
	font-size:12px;
	padding:3px;
}
#login_widget .rbs1 {
	border:1px solid #F9A4B2;
	float:left;
}
#login_widget .rb1, #login_widget .rb2 {
	background:none repeat scroll 0 0 #D32C47;
	border-color:#FFFFFF #6A6A6A #6A6A6A #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	cursor:pointer;
	font-size:14px;
	height:25px;
	padding:3px 10px;
}
#login_widget .sl, #login_widget a.sl {
	color:#336699;
	font-family:Arial;
}
</style>

<div class="login">
  <div class="login_top">
    <div class="login_name">{$lang.login_title}</div>
  </div>
  <div class="loing_body">
    <div id="login_widget">
      <form id="kxloginform" name="loginform" method="post" action="<!--{url ('?app=login&act=login')}-->">
        <div style="width: 50px; margin-top: 35px;" class="l tar" >{$lang.account}：</div>
        <div class="l mb10 mt30" id="sy_yhm"> <span class="it_s">
          <input type="text" onblur="this.className='it1';" onfocus="this.className='it2';" class="it1" size="18" name="username" style="font-family: Arial; color: rgb(204, 204, 204);">
          </span> </div>
        <div class="c"></div>
        <div style="width: 50px;" class="l tar mt5" >{$lang.password}：</div>
        <div class="l" id="sy_mm"><span class="it_s">
          <input type="password" maxlength="20" onblur="this.className='it1';" onfocus="this.className='it2';" class="it1" size="18" name="pwd">
          </span> </div>
        <div class="c"></div>
        <div style="margin-top: 10px; padding-left: 50px;" class="l" id="loginbtn"><span class="rbs1">
          <input type="submit" onclick="" onmouseout="this.className='rb1';" onmouseover="this.className='rb2';" class="rb1" title="{$lang.login}" value="{$lang.login}" id="btn_dl">
          </span> </div>
        <div class="c"></div>
        <div style="padding-left: 30px;" class="mt5" id="link2div"><a title="{$lang.forget_password}" class="sl" href="#">{$lang.forget_password}</a>&nbsp;&nbsp;<a class="sl" title="{$lang.register}" href="<!--{url ('?app=login&act=reg')}-->">{$lang.register}</a> </div>
      </form>
    </div>
  </div>
</div>
